@charset 'utf-8';
*{
    margin: 0;
    padding: 0;
}
.login-con{
    .header{
        height: 40px;
            background: #f1f0f0;
            position: relative;
            .header-warp{
                width: 1200px;
                height: 40px;
           
                margin: 0 auto;
                    .header_img{
                        width: 108px;
                        height: 24px;
                        float: left;
                        margin: 12px 0;
                    }
                    .header_con{
                        width: 97px;
                        height: 40px;
                        float: left;
                            b{
                                float: left;
                                margin: 12px 10px;
                                font-size: 16px;
                                font-weight: 700;
                                color: #000;
                                font-weight: normal;
                            }
                            p{
                                float: left;
                                margin: 12px 0;
                                    a{
                                        display: block;
                                        color: #191919;
                                        font-size: 16px;
                                        font-weight: 700;
                                        text-decoration:none;
                                    }
                            }
                    }
            }
    }
    .login_body_warp{
        width: 100%;
        height: 700px;
       
        margin: 0 auto;
            .warp_t{
                width: 100%;
                height: 221px;
                
                overflow: hidden;
                
                    span{
                        display: block;
                        height: 42px;
                        margin: 100px 0 80px 0;
                        
                            p{
                                
                                margin: 0 auto;
                                width: 192px;
                                height: 42px;
                                font-size: 32px;
                                color: #191919;
                                line-height: 42px;
                               
                            }
                      
                    }
            
                    
            }
            .warp_b{
                width: 841px;
                height: 421px;
                margin: 0 auto;
               
                    .wrap_b_img{
                        width: 360px;
                        height: 291px;
                       
                        float: left;
                            span{
                                margin: 0 auto;
                                display: block;
                                width: 200px;
                                height: 200px;
                                
                                    img{
                                        padding: 20px;
                                    }
                            }
                            p{
                                width: 360px;
                                height: 38px;
                                
                                margin-top: 53px;
                                font-size: 12px;
                                color: #191919;

                            }
                    }
                    .wrap_b_b{
                        width: 121px;
                        height: 300px;
                        
                        float: left;
                            p{
                                width: 60px;
                                height: 300px;
                                border-right: 1px solid #191919;
                            }
                            span{
                                width: 60px;
                                height: 300px;
                            }
                    }
                    .wrap_b_form{
                        width: 360px;
                        height: 421px;
                        
                        float: left;
                        overflow: hidden;
                        .wrap_form_t{
                            width: 360px;
                            height: 249px;
                            
                            overflow: hidden;
                                input{
                                    width: 360px;
                                    height: 50px;
                                    border-radius: 10px;
                                    border: none;
                                    // border:1px solid #007dff;
                                    background: #ececec;

                                }
                                .userpas{
                                    margin-top: 26px;
                                }
                                span{
                                    display: block;
                                    width: 112px;
                                    height: 20px;
                                    margin: 16px 0 30px 0;                                  
                                    font-size: 16px;
                                    color: #007dff;
                                    cursor: pointer;
                                }
                                .submit{
                                    background: rgb(240, 85, 98);
                                    color: #fff;
                                    cursor: pointer;
                                    // outline: none;
                                }
                               
                        }
                       
                        .wrap_form_c{
                            width: 360px;
                            height: 60px;
                            overflow: hidden;
                           
                                .form_t_con{
                                    width: 360px;
                                    height: 20px;
                                    margin-top: 40px;
                                    display: flex;
                                    justify-content: center;
                                        p{
                                           
                                            width: 32px;
                                            height: 20px;
                                                a{
                                                    font-size: 16px;
                                                    color: #007dff;
                                                }
                                        }
                                        span{
                                            
                                            width: 64px;
                                            height: 20px;
                                        
                                        
                                              a{
                                                    font-size: 16px;
                                                    color: #007dff;
                                                    
                                                }
                                            
                                        }
                                        b{
                                            font-size: 16px;
                                            color: #f8e9e9; 
                                            margin: 0 10px;
                                        }
                                }
                        }
                        .wrap_form_b{
                            width: 360px;
                            height: 112px;
                            
                            overflow: hidden;
                                .form_t_con{
                                    width: 360px;
                                    height: 42px;
                                   
                                    margin: 30px 0 40px 0;
                                    display: flex;
                                    justify-content: center;
                                        span{
                                            display: block;
                                            width: 40px;
                                            height: 40px;
                                            border-radius: 50%;
                                            // border: 1px solid red;
                                            background: #f3f0f0;
                                           
                                            margin: 0 25px;
                                            display: flex;
                                            justify-content: center;
                                            align-items: center;
                                                a{  
                                                    display: block;                                                  
                                                    width: 20px;
                                                    height: 20px;
                                                    
                                                    img{
                                                        width: 100%;
                                                        height: 100%;
                                                    }
                                                }
                                        }
                                       
                                        
                                }
                                .form_t_con span:hover{
                                    background: turquoise;
                                }
                                
                        }
                    }
            }
       
    }
    .footer{
        height: 88px;
        background: #f1f0f0;
        overflow: hidden;
        margin-top: 130px;
            .footer-warp{
                width: 800px;
                height: 44px;
                background: #f1f0f0;
                margin: 0 auto;
                margin-top: 22px;
                    p{  
                        height: 20px;
                        font-size: 14px;
                        color: #191919;                           
                            b{
                                display: block;
                                font-size: 14px;
                                align-items: center;
                                color:#d3cece;
                                font-weight: normal;
                                float: left;
                                margin: 0 10px;
                            }
                            a{
                                display: block;
                                color: #191919;
                                font-size: 14px;
                                text-decoration:none;
                                float: left;
                            }
                            .a1{
                                margin-left: 100px;
                            }
        
                       
                    }
                    .ck{  
                        display: block;
                        height: 14px;
                        font-size: 14px;
                        margin-top: 5px;
                        color: #d3cece;
                        
                        font-weight: normal;
                    }
            }
    }
}